<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>校园风景</title>
        <link rel="stylesheet" href="../css/Index.css" type="text/css">
        <link rel="stylesheet" href="../css/views.css" type="text/css">
    </head>
    <body>
    <body>
        <div id="top">
            <img src="../image/Logo.png" class="img1">
            <div id="top-right">
                <input type="text" name="search" id="search-input" placeholder="请输入关键字">
                <div id="search">搜索</div>
            </div>
            <div class="center">
                <span style="color: blue;font-size: 80px">南</span>
                <span style="color: red;font-size: 80px">宁</span>
                <span style="color: orange;font-size: 80px">理</span>
                <span style="color: blue;font-size: 80px">工</span>
                <span style="color: #00aa00;font-size: 80px">学</span>
                <span style="color: orange;font-size: 80px">院</span>
            </div>
            <div id="top-gov">
                <a href="https://www.bwgl.cn//">南宁理工学院</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="http://www.weather.com.cn/weather/101300501.shtml">桂林天气</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="../testxxx.html"><div id="user9">用户</div></a> 
            </div>
        </div>
        <hr style="height:10px;border:none;border-top:10px groove rgb(14,
            143, 194);" />
        <div id="top2">
            <div id="nav">
                <ul>
                    <li><a href="../Index_hall.html">首页</a></li>
                    <li><a href="../html/History.html">学校简介</a></li>
                    <li><a href="../html/daily.html">校园日常</a></li>
                    <li><a href="../html/Foods.html">校园美食</a></li>
                    <li><a href="../html/Views.html">校园风景</a></li>
                    <li><a href="../html/Traffic.html">位置信息</a></li>
                    <li><a href="../html/News.html">新闻速递</a></li>
                    <li><a href="../html/honor.html">学校荣誉</a></li>
                    <li><a href="../html/introduction.html">学院简介</a></li>
                </ul>
            </div>
        </div>
        <hr style="height:1px;border:none;border-top:1px dashed goldenrod;"
            />
        <div id="V-center">
            <div id="V-center1">
                <br>
                <p>
                    就让我带你看南宁理工学院，带你走进南理的每个角落，来开启属于你的大学之旅，本期带你们打卡新院地标，走起！！！
                </p>
                <p>
                    南理有哪些地方值得你打卡?背书走廊,这个地方很小,可以一览无余,这个地方充满书香 回荡着朗朗书声,或许,你孤身而来这里,有你志同道合的伙伴;空空教室是不是觉得宿舍充满诱惑,谈话声很吵手机很近、连闲事都变多了, 哪里还有学习什么事,这时候,任何一个可以用的空教室,都是一个好选择;球球球场 大学生似乎是要和运动联系在一起的 篮球、排球、羽毛球 跑步、跳舞、健美操 别管哪一个......
                </p>
            </div>
            <div id="V-center2">
                <p style="font-size: 30px;text-indent: 35px;font-family: '幼圆';">
                    主要景点:
                </p>
                <p>
                    <a>图书馆</a>
                    ：这里图书种类丰富，功能分区合理，为大家营造一个良好的学习环境。“惜时如金”的沙漏造型，时刻提醒大家时光似流水，希望大家惜时如金，刻苦攻读。
                </p>
                <p>
                    <a>
                        多功能报告厅
                    </a>
                    ：这里有各类晚会、艺术类比赛，大学四年，小团期待看到你的身影。
                </p>
                <p>
                    <a>
                        运动场
                    </a>
                    ：激扬的青春，来这里展现！挥洒的汗水，无一不在证明着你的努力，终有一刻，你会到达终点。
                </p>
                <p>
                    <a>校史馆
                    </a>
                    ：这里竖立着新乡道德模范的简介与事迹。同时，这里也是学校众多社团晚上交流娱乐的场所。
                </p>
                 <p>
                    <a>大学生文化中心
                    </a>
                    ：这里是指导大学生进行文化艺术娱乐活动，丰富大学生课余生活的场所。同时也是校团委和各学生组织的所在地。
                </p>
                 <p>
                    <a>治学璐
                    </a>
                    ：春天，道路两旁的紫叶李竞相开放，花团锦簇，落英缤纷，是拍照打卡的好去处。
                </p>
                 <p>
                    <a>智慧教室
                    </a>
                    ：碧波荡漾，清风徐徐。清晨，人群三两，偶有读书声传来。
                </p>
                 
            </div>
        </div>
        <div id="bottom">
            Copyright © 2021级通信工程一班 生俊甫 21090126. All rights reserved.&nbsp;&nbsp;
            <a href="../html/contactUs.html">联系我们</a>
            <a href="#top">回到顶部</a>
        </div>
    </body>
    <script src="../js/jquery.min.js"></script>
    <script>
        // 获取搜索输入框、搜索按钮和搜索结果的引用
    const searchInput = document.getElementById('search-input');
    const searchButton = document.getElementById('search');
    const searchResults = document.getElementById('search-results');
    const centerContent = document.getElementById('V-center').textContent.toLowerCase();
    // 创建函数来执行搜索并显示结果在新页面
    function performSearch() {
        const searchTerm = searchInput.value.toLowerCase();

        if (centerContent.includes(searchTerm)) {
            window.location.href = `search-results.html?term=${searchTerm}`;
        } else {
            window.location.href = `search-results.html`;
        }
    }
    function get_user_info() {
        $.ajax({
            url: "/info",
            type: "get",
            success: function (res) {
                // var info_html = "<p>" + "用户:" + res.username + "</p>";
                var info_html = "用户:" + res.username;
                var screen_div = document.getElementById("user9")
                screen_div.innerHTML = info_html;
                ws_hdl = new WebSocket(ws_url);
                ws_hdl.onopen = ws_onopen;
                ws_hdl.onclose = ws_onclose;
                ws_hdl.onerror = ws_onerror;
                ws_hdl.onmessage = ws_onmessage;
            },
            error: function (xhr) {
                alert(JSON.stringify(xhr));
                location.replace("/login.html");
            }
        })
    }
    function ws_onopen() {
        console.log("websocket onopen");
    }
    function ws_onclose() {
        console.log("websocket onopen");
    }
    function ws_onerror() {
        console.log("websocket onopen");
    }
    function ws_onmessage(evt) {
        var rsp_json = JSON.parse(evt.data);
        if (rsp_json.result == false) {
            alert(evt.data);
            location.replace("/login.html");
            return;
        }
        if (rsp_json["optype"] == "hall_ready") { 
            alert("以为您跳转到校园门户！");
        } else {
            alert(evt.data);
            location.replace("/login.html");
            return;
        }
    }
    // 添加事件监听器，以便在搜索按钮点击时执行搜索
    searchButton.addEventListener('click', performSearch);
    get_user_info();
    </script>
</html>